<div class="white-bg padding padding-top-lg">
    <div class="flex justify-center  margin-bottom">
        <div style="width: 40%;">
            <input class="form-control"
                placeholder="请输入商品名称，会员名称，订单编号或者会员手机号"
                v-model="businessCenterInfo.searchValue" @keyup.enter="_doSearch()" />
        </div>
        <div class="margin-left-xs">
            <button type="button" class="form-control btn btn-primary" @click="_doSearch()">
                <vc:i18n name="查询" namespace="businessCenter"></vc:i18n>
            </button>
        </div>

    </div>
    <div class="vc-line-primary"></div>

    <div class="margin-top-sm">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailUser'}"
                    v-on:click="changeTab('businessDetailUser')">
                    会员({{businessCenterInfo.shopVipUserDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailGoods'}"
                    v-on:click="changeTab('businessDetailGoods')">
                    商品({{businessCenterInfo.productDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailOrder'}"
                    v-on:click="changeTab('businessDetailOrder')">
                    订单({{businessCenterInfo.storeOrderCartDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailRefund'}"
                    v-on:click="changeTab('businessDetailRefund')">
                    退货订单({{businessCenterInfo.storeOrderCartReturnDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailGroup'}"
                    v-on:click="changeTab('businessDetailGroup')">
                    拼团商品({{businessCenterInfo.productGroupDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailGroupOrder'}"
                    v-on:click="changeTab('businessDetailGroupOrder')">
                    拼团订单({{businessCenterInfo.productGroupOrderDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailSeckill'}"
                    v-on:click="changeTab('businessDetailSeckill')">
                    秒杀商品({{businessCenterInfo.productSeckillDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailSeckillOrder'}"
                    v-on:click="changeTab('businessDetailSeckillOrder')">
                    秒杀订单({{businessCenterInfo.productSeckillOrderDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailService'}"
                    v-on:click="changeTab('businessDetailService')">
                    家政服务({{businessCenterInfo.housekeepingServDtos.length}})
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:businessCenterInfo._currentTab == 'businessDetailResource'}"
                    v-on:click="changeTab('businessDetailResource')">
                    家政物品({{businessCenterInfo.housekeepingResourceDtos.length}})
                </a>
            </li>
        </ul>
    </div>
    <div class="white-bg padding-left padding-right padding-top border-radius-bottom">
        <div v-if="businessCenterInfo._currentTab == 'businessDetailUser'">
            <vc:create path="user/businessDetailUser"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailGoods'">
            <vc:create path="order/businessDetailGoods"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailOrder'">
            <vc:create path="order/businessDetailOrder"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailRefund'">
            <vc:create path="order/businessDetailRefund"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailGroup'">
            <vc:create path="order/businessDetailGroup"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailGroupOrder'">
            <vc:create path="order/businessDetailGroupOrder"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailSeckill'">
            <vc:create path="order/businessDetailSeckill"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailSeckillOrder'">
            <vc:create path="order/businessDetailSeckillOrder"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailService'">
            <vc:create path="order/businessDetailService"></vc:create>
        </div>
        <div v-if="businessCenterInfo._currentTab == 'businessDetailResource'">
            <vc:create path="order/businessDetailResource"></vc:create>
        </div>
        
        
        
    </div>
</div>